<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<title>主頁管理</title>
<%@ include file="/common/header.jsp" %>
<link rel="stylesheet" href="${ctx }/extends/uploadify/uploadify.css" type="text/css" media="screen" />
<link rel="stylesheet" href="${ctx }/css/heatMap.css" type="text/css" media="screen" />
    <!-- Page Head -->
    <div class="content-box">
          <div class="content-box-header">
	      	<h3>熱圖管理</h3>  
	      </div>
	      <!-- End .content-box-header -->
	      <div class="content-box-content">	      
	      	<!-- <input id="file" type="file"> -->
          <dl class="form-layout">
          	<dt class="quarter">標題:</dt>
          	<dd class="narrow"><input class="text-input" type="text"  name="heatMapTitle"  id="heatMapTitle"/></dd>
          	<dt class="quarter">是否热图:</dt>
          	<dd class="narrow"><select name="heatMapStatus" id="heatMapStatus" style="width:100%; padding:0">
          		<option value="">請選擇...</option>
          		<option value="1">热图</option>
          		<option value="0">非热图</option>
          	</select></dd>
          	<dt class="quarter">語言:</dt>
          	<dd class="narrow">
          	<select name="languageId" id="languageId" style="width:100%; padding:0">
              	<option value="">請選擇...</option>
              	<c:forEach items="${language }"  var="l">
              		<option value="${l.languageId }"  data-key="${l.languageKey }" >${l.languageName }</option>
              	</c:forEach>
          	</select></dd>
          	<dd class="quarter"><input class="button" type="button" value="搜索" />
          </dl>
	      	<form id="descform" action="${ctx }/home/heatMap/save.do" method="post"> 			
			<div class='heatMap'>
				<table id="datatable">
					<thead>
						<tr>
							<th class='th_0'>&nbsp;</th>
							<th class='td-0'><input type='checkbox' class='check-all'>首頁顯示</th>
							<th class='td-1'>標題/產品/成功案例</th>
							<th class='td-2'>熱圖</th>
							<th class='td-3'>描述</th>
							<th class='td-4' colspan='3'>操作</th>
						</tr>
					</thead>
					<tbody></tbody>
					<tfoot>
						<tr>
							<td colspan="6"><%@ include file="/common/pagination.jsp" %> </td>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="clear"></div>
			<div class="buttons">
			<p>
              <input class="button submit" type="submit" value="Submit" />
            </p>
            </div>
			</form>			
	      </div>
     </div>
    <!-- End .content-box -->
    <div class="clear"></div>
 <%@ include file="/common/footer.jsp" %>
  <script type="text/javascript" src="${ctx}/extends/uploadify/jquery.uploadify.js?_=${radom}"></script>
  <script type="text/javascript" src="${ctx}/extends/jquery.json-2.3.js?_=${radom}"></script>
  <script type="text/javascript" src="${ctx}/js/pagination.js?_=${radom}"></script>
  <script type="text/javascript" src="${ctx}/js/heatMap.js?_=${radom}"></script>
  <script type="text/javascript">
 $(function(){
	 $("#main-nav a[data-menu='home']").addClass("current");
 })
 </script>